<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<base href="<%=basePath%>">
<title>应用信息管理下的预警信息管理</title>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="<%=basePath%>bootstrap/css/bootstrap.css"
	type="text/css" />
<link rel="stylesheet"
	href="<%=basePath%>css/public/daterangepicker.css">
<link rel="stylesheet" href="<%=basePath%>css/yjxxgl/yjxxgl_cxtj.css"
	type="text/css" />
</head>
<body style="height: 100%;">
	<div class="main-content">
		<!-- map -->
		<div id="map">
		    <iframe style="width:100%;height:100%;" name="iframe_main_map" src="http://10.54.1.167:8080/wriss/pages/gis/gisonline/index.html"></iframe>
		</div>
		<!--end map  -->
		<!-- panel-bg -->
		<div class="panel-bg">
			<div class="panel-show-hide-block">
				<a href="javascript:void(0);" class="panel-block-normal"> <i
					class="glyphicon glyphicon-arrow-right"></i> <span>隐藏</span>
				</a>
			</div>
			<!-- panel content bg -->
			<div class="panel-bg-inner" style="width: 580px;">
				<!--  查询条件-->
				<div class="tableTitle" style="margin-top: 5px;padding-left: 5px;">
					<div style="width: 100px;float: left;margin-top:5px;">
						<label class="radio-inline">
						    <input type="radio" name="inlineRadioOptions" id="sw" value="sw"  checked="checked">水位
						</label> 
						<label class="radio-inline" style="margin-left: 0px!important;">
							<input type="radio" name="inlineRadioOptions" id="ll" value="ll" >流量
						</label>
					</div>
					<div style="float:left;padding-bottom: 5px;font-size: 12px;">
						<div class="controls" style="width:119px;float:left;">
							<div class="input-group date datetime">
								<input id="startTime" class="begindate form-control input-sm" style="width: 85px;font-weight: normal;" size="16" type="text" value=""> 
								<span class="input-group-addon">
								   <span class="glyphicon glyphicon-time"></span>
								</span>
							</div>
						</div>
						<div style="float:left ;text-align: center;font-size:13pt ">
							到</div>
						<div class="controls" style="width:119px;float:left;">
							<div class="input-group date datetime">
								<input id="endTime" class="begindate form-control input-sm" style="width: 85px;font-weight: normal;" size="16" type="text" value="">
								<span class="input-group-addon">
								   <span class="glyphicon glyphicon-time"></span>
								</span>
							</div>
						</div>
						&nbsp; 测站名称:<input type="text" class="scinput"
							style="width: 100px;height: 30px" id="cezhan_nm"/>
					</div>
					<div class="eclipseBtn" style="width: 50px;float:right;" id="searchBtn" >查询</div>
				</div>
				<!--end 查询条件  -->
				<div class="tableContent" id="tableContent1" >
				</div>
			
			</div>
			
			</div>
			<!-- panel content bg end -->
		</div>
		<!--end panel-bg  -->
		<div class="tip" id="bg">
			<div class="tiptop">
				<select style="margin-left: 5px;background: #DDECF5;">
					<option value="九王庄(蓟)(闸下)" selected="selected">九王庄(蓟)(闸下)</option>
				</select> 
				<span style="color: #fff;">在线水位查询</span> 
				<a href="javascript:void(0)" onclick="closeDetailDiv();"></a>
			</div>
			<!-- 查询条件开始 -->
			<div class="search-condition">
				<div class="btn-group" style="float: left;margin-left: 8px;margin-top: 8px;">
					<button type="button" class="btn btn-default btn-xs" onclick="changeBackgroud('jbxx','jcxx');initGetJbxxData($('#startTime').val(),$('#endTime').val());" id="jbxx">基本信息</button>
					<button type="button" class="btn btn-info btn-xs" onclick="changeBackgroud('jcxx','jbxx');initGetJcxxData($('#startTime').val(),$('#endTime').val());" id="jcxx">监测信息</button>
				</div>
				<div style="float: left;margin-left: 10px;margin-top: 8px;">
					<input id="startTime" type="text" style="width: 80px;" onFocus="WdatePicker({isShowClear:false,readOnly:true})" /> 
					<img  onclick="WdatePicker({el:'startTime'})" src="<%=basePath%>js/public/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
					<input id="endTime" type="text" style="width: 80px;" onFocus="WdatePicker({isShowClear:false,readOnly:true})" onchange="judgeDate();" />
					<img onclick="WdatePicker({el:'endTime'})" src="<%=basePath%>js/public/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">
				</div>
				<div style="float: left;margin-left: 5px;margin-top: 8px;">
					<button type="button" class="btn btn-xs btn-info" onclick="searchByTime()">确定</button>
					<button type="button" class="btn btn-xs btn-default" style="margin-left: 10px;">导出</button>
					<button type="button" class="btn btn-xs btn-default" style="margin-left: 5px;">打印</button>
				</div>
			</div>
			<!-- 查询条件结束 -->
			<!-- 表的内容开始 -->
			<div id="tableCon" class="tableContent" style="height: 150px;">
				<table id="tab">
					<thead class="box-shadow">
						<tr>
							<td>时间</td>
							<td>水位(m)</td>
							<td>最新统计信息</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>2015-03-04 12:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-03-04 14:36</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-03-05 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-03-04 12:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-03-04 14:36</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-03-05 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-03-04 12:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-03-04 14:36</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-03-05 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-03-04 12:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-03-04 14:36</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-03-05 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-03-04 12:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-03-04 14:36</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-03-05 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div id="tableCon1" class="tableContent" style="height: 150px;display: none;">
				<table id="tab1">
					<thead>
						<tr>
							<td>时间</td>
							<td>水位(m)</td>
							<td>最新统计信息</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>1.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>3.27</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>3.07</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>平均水位:2.19m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最高水位:3.27m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>最低水位:1.58m</td>
						</tr>
						<tr>
							<td>2015-06-24 08:00</td>
							<td>4.75</td>
							<td>平均水位:2.19m</td>
						</tr>
					</tbody>
				</table>
			</div>
			<!-- 表的内容结束 -->
			<!-- 图标内容开始 -->
			<div id="sample" class="conChart"></div>
			<!-- 图标内容结束 -->
		</div>
	</div>
	<!--弹出框  -->
	<!--end 弹出框  -->
</body>
<script type="text/javascript"
	src="<%=basePath%>js/public/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/jquery-1.11.1.min.js"></script>
<script type="text/javascript"
	src="<%=basePath%>bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/public/moment.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/daterangepicker.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/eCharts/build/dist/esl.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/public/eCharts/build/dist/echarts.js"></script>
<script type="text/javascript" src="<%=basePath%>js/common.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/yjxxgl/yjxxgl_cxtj.js"></script>
</html>
